// JavaScript Document
$(function(){
	// 地区二级菜单开始

$('#top_out .top .left span a').click(function(){
	 $('#top_out .top .left span').css({'background':'#FFF','border':'1px solid #DDDDDD','border-bottom':'none','padding-bottom':'1px'});
	 $('#top_out .top .left .dz').show();
});

$('#top_out .top .left .dz').hover(function(){
$('#top_out .top .left .dz div.dzclear').click(function(){
$('#top_out .top .left span').css({'background':'','border':'none','padding-bottom':'0px'});
	 $('#top_out .top .left .dz').hide();
});
},function(){
	 $('#top_out .top .left span').css({'background':'','border':'none','padding-bottom':'0px'});
	 $('#top_out .top .left .dz').hide();
});

$('#top_out .top .left .dz a').click(function(){
	$('#top_out .top .left span strong').text($(this).text());
	 $('#top_out .top .left .dz').hide();
});

	
// 地区二级菜单结束

// 顶部VIP背景变幻开始
$('#top_out .top .right ul li.vipi').hover(function() {
	$('#top_out .top .right ul li.vipi i.vip').css({'background-position':'0px -15px'});
}, function() {
	$('#top_out .top .right ul li.vipi i.vip').css({'background-position':'0px 0px'});
});
// 顶部VIP背景变幻结束

// 顶部手机二级菜单开始

$('#top_out .top .right ul li.shouji').hover(function() {
	$(this).css({'background':'#FFF','border':'1px solid #EEE','border-bottom':'none','width':$(this).width(86)});
	$(this).find('i.sj').css('background-position','-128px -399px');
	$(this).find('div.sjjd').show();
}, function() {
	$(this).css({'background':'none','border':'none','width':$(this).width(88)});
	$(this).find('i.sj').css('background-position','-128px -360px');
	$(this).find('div.sjjd').hide();
});

// 顶部手机二级菜单结束


// 顶部客户服务开始
$('#top_out .top .right ul li.kh').hover(function() {
	$(this).css({'background':'#FFF','border':'#EEE','border-bottom':'none'});
	$(this).find('div.khf').show();
}, function() {
	$(this).css({'background':'none','border':'none'});
	$(this).find('div.khf').hide();
});

// 顶部客户服务结束

// 顶部导航二级开始
$('#top_out .top .right ul li.dh').hover(function() {
	$(this).css({'background':'#FFF','border':'#EEE','border-bottom':'none'});
	$(this).find('div.wzdh').show();
}, function() {
	$(this).css({'background':'none','border':'none'});
	$(this).find('div.wzdh').hide();
});

// 顶部导航二级结束
	// 多级菜单开始
	$('div#gaozhi input.button').click(function() {
		$('div#gaozhi').slideUp(2000);
	});
	$("div#zt1 div.left ul li ").hover(function() {
		// var c=$(this).parent('li');

		$(this).find('p').addClass('cur');
		$(this).find('div.caidan').show();
		$(this).find('s.bd').show();
		// css({backgroundColor:'red'});
	}, function() {
		// var c=.parent('li');
		$(this).find('p').removeClass('cur');
		$(this).find('div.caidan').hide();
		$(this).find('s.bd').hide();
	});
	// 轮播图开始
	var c=0;
	
	var sun=function(){

		 c++;
		 c=(c==6)?0:c;
		$('div#lb img').eq(c).fadeIn().siblings('img').hide();
		$('div#lb li').eq(c).css('background','#E4393C').siblings('li').css('background','#999999');
	
	}
	var timer=setInterval(sun,4000);
	$('div#lb li').mouseover(function(){
		clearInterval(timer);
		 c=$(this).index();
		
			
		$('div#lb img').eq(c).fadeIn().siblings('img').hide();
		$('div#lb li').eq(c).css('background','#E4393C').siblings('li').css('background','#999999');
});
	
	$('div#lb li').mouseout(function(){
		timer=setInterval(sun,4000);
	});
	// 轮播图结束
	// 轮播图下方开始
	// 调用c
	
	$('div#zt1 div.lb2').click(function(){
		var y=$('div#zt1 div.middle ul.lb2').position().left;
		
		
		var x=parseInt((y-609)/609)*609;
		x=(x<=-3654)?0:x;
		
		
		

		
	$('div#zt1 div.middle ul.lb2').stop().animate({'left':x+'px'},500)	

	});
	$('div#zt1 div.lb2_3').click(function(){
		var y=$('div#zt1 div.middle ul.lb2').position().left;
		
		
		var x=parseInt((y+609)/609)*609;
		x=(x>=609)?-3045:x;	
	$('div#zt1 div.middle ul.lb2').stop().animate({'left':x+'px'
	},500)	

	});
	// 轮播图下方结束
	// 图片滑动开始
	
	$('div#middle1 div.md2 div').mouseover(function() {
		$(this).children('img').stop().animate({left: "-10px"},200)
	});
		$('div#middle1 div.md2 div').mouseout(function() {
		$(this).children('img').stop().animate({left: "0px"},200)
	});// 图片滑动结束
		//楼层图片透明度变化
		$('div.step div.middle div.tab div.p_img img').mouseover(function() {

			$(this).fadeTo(0, 0.8);
		});
		$('div.step div.middle div.tab div.p_img img').mouseout(function() {
			
			$(this).fadeTo(0, 1);
		});
		// 一楼js开始
		// var x=20;
		// $('div#top_bg .top_box a.sc').hover(function() {
		// 	setInterval(function(){
		// 		x++;
		// 		$('div#top_bg .top_box b.xx').css({transfrom:"rotate("+x+"deg)"})
		// 	},300);
		// 	// $('div#top_bg .top_box b.xx').animate({transfrom:"rotate("+720+"deg)"}, 500)
		// }, function() {
		// 	// $('div#top_bg .top_box b.xx').animate({transfrom:"rotate("+-720+"deg)"}, 500)
		// });
		$('div#step1 div.middle .middle_top ul.m_t li.m_1').mouseover(function() {
			var t=$(this).index();
			var p=$(this).width();
			var left=t*p;
			$(this).css({color: '#E4393C'}).siblings().css({color:'#333'});
			setTimeout(function(){
			$('div#step1 div.middle  .tabl').stop().animate({left:left+'px'},200)
			},300);
			$('div#step1 div.middle div.tab div.box_tab').eq(t).show().siblings().hide();
			
		});
		// 楼层切换结束
		
		//楼层图片透明度变化结束
		// 楼层轮播图
		$('div#step1 div.middle div.tab ul.f_lb3 li').mouseover(function() {
			var p=$(this).index();
			var s=p*-473;
			$('div#step1 div.middle div.tab ul.f_lb2 ').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});	
		// 楼层轮播图结束
		// 楼层小轮播
		$("div#step1 div.right div.right_b div.bq span").mouseover(function() {
			var p=$(this).index();
			var s=p*-209;
			$('div#step1 div.right div.right_b ul.rb').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});
		// 一楼js结束
		// 二楼js开始
	
		$('div#step2 div.middle .middle_top ul.m_t li.m_1').mouseover(function() {
			var t=$(this).index();
			var p=$(this).width();
			var left=t*p;
			$(this).css({color: '#E4393C'}).siblings().css({color:'#333'});
			setTimeout(function(){
			$('div#step2 div.middle  .tabl').stop().animate({left:left+'px'},300)
			},300);
			$('div#step2 div.middle div.tab div.box_tab').eq(t).show().siblings().hide();
			
		});
		// 楼层切换结束
		
		// 楼层轮播图
		$('div#step2 div.middle div.tab ul.f_lb3 li').mouseover(function() {
			var p=$(this).index();
			var s=p*-473;
			$('div#step2 div.middle div.tab ul.f_lb2 ').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});	
		// 楼层轮播图结束
		// 右边小轮播一
		$("div#step2 div.right div.right_m div.tab_x b").mouseover(function() {
			var l=$(this).index();
			$('div#step2 div.right div.right_m ul').eq(l).show().siblings('ul').hide();
			$(this).css({backgroundColor: '#7CBE57'}).siblings().css({backgroundColor: '#9B9B9B'});
		});
		
		// 楼层小轮播
		$("div#step2 div.right div.right_b div.bq span").mouseover(function() {
			var p=$(this).index();
			var s=p*-209;
			$('div#step2 div.right div.right_b ul.rb').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});
		// 二楼js结束
		// 三楼js开始
		$('div#step3 div.middle .middle_top ul.m_t li.m_1').mouseover(function() {
			var t=$(this).index();
			var p=$(this).width();
			var left=t*p;
			$(this).css({color: '#E4393C'}).siblings().css({color:'#333'});
			setTimeout(function(){
			$('div#step3 div.middle  .tabl').stop().animate({left:left+'px'},200)
			},300);
			$('div#step3 div.middle div.tab div.box_tab').eq(t).show().siblings().hide();
			
		});
		// 楼层切换结束
		// 图片滑动


				$('div#step3 div.middle div.tab .box_tab').hover(function() {
					$(this).children('.move').children('a').children('img').fadeTo('400', 0.8);
				}, function() {
					$(this).children('.move').children('a').children('img').fadeTo('400', 1);
				});
				$('div#step3 div.middle div.tab div.move a').hover(function() {
			
			$(this).children('img').stop().animate({left: '-15px',opacity: "1"},300);
			
			},
			function() {
			
			$(this).children('img').stop().animate({left: '0px',opacity: "0.8"},300);
			
			}

			);
		// $('div#step3 div.middle div.tab div.move a').mouseout();
			
		

		// 楼层小轮播
		$("div#step3 div.right div.right_b div.bq span").mouseover(function() {
			var p=$(this).index();
			var s=p*-209;
			$('div#step3 div.right div.right_b ul.rb').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});
		// 三楼js结束
		// 四楼js开始
		$('div#step4 div.middle .middle_top ul.m_t li.m_1').mouseover(function() {
			var t=$(this).index();
			var p=$(this).width();
			var left=t*p;
			$(this).css({color: '#E4393C'}).siblings().css({color:'#333'});
			setTimeout(function(){
			$('div#step4 div.middle  .tabl').stop().animate({left:left+'px'},200)
			},300);
			$('div#step4 div.middle div.tab div.box_tab').eq(t).show().siblings().hide();
			
		});
		// 楼层切换结束
		
		// 楼层轮播图
		$('div#step4 div.middle div.tab ul.f_lb3 li').mouseover(function() {
			var p=$(this).index();
			var s=p*-473;
			$('div#step4 div.middle div.tab ul.f_lb2 ').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});	
		// 楼层轮播图结束
		// 楼层小轮播
		$("div#step4 div.right div.right_b div.bq span").mouseover(function() {
			var p=$(this).index();
			var s=p*-209;
			$('div#step4 div.right div.right_b ul.rb').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});
		// 四楼js结束	
		// 五楼js开始
		$('div#step5 div.middle .middle_top ul.m_t li.m_1').mouseover(function() {
			var t=$(this).index();
			var p=$(this).width();
			var left=t*p;
			$(this).css({color: '#E4393C'}).siblings().css({color:'#333'});
			setTimeout(function(){
			$('div#step5 div.middle  .tabl').stop().animate({left:left+'px'},200)
			},300);
			$('div#step5 div.middle div.tab div.box_tab').eq(t).show().siblings().hide();
			
		});
		// 楼层切换结束
		
		// 楼层轮播图
		$('div#step5 div.middle div.tab ul.f_lb3 li').mouseover(function() {
			var p=$(this).index();
			var s=p*-473;
			$('div#step5 div.middle div.tab ul.f_lb2 ').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});	
		// 楼层轮播图结束
		// 楼层小轮播
		$("div#step5 div.right div.right_b div.bq span").mouseover(function() {
			var p=$(this).index();
			var s=p*-209;
			$('div#step5 div.right div.right_b ul.rb').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});
		// 五楼js结束	
		// 六楼js开始
		$('div#step6 div.middle .middle_top ul.m_t li.m_1').mouseover(function() {
			var t=$(this).index();
			var p=$(this).width();
			var left=t*p;
			$(this).css({color: '#E4393C'}).siblings().css({color:'#333'});
			setTimeout(function(){
			$('div#step6 div.middle  .tabl').stop().animate({left:left+'px'},200)
			},300);
			$('div#step6 div.middle div.tab div.box_tab').eq(t).show().siblings().hide();
			
		});
		// 楼层切换结束
		
		// 楼层轮播图
		$('div#step6 div.middle div.tab ul.f_lb3 li').mouseover(function() {
			var p=$(this).index();
			var s=p*-473;
			$('div#step6 div.middle div.tab ul.f_lb2 ').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});	
		// 楼层轮播图结束
		
		
		// 六楼js结束	
		// 七楼js开始
		$('div#step7 div.middle .middle_top ul.m_t li.m_1').mouseover(function() {
			var t=$(this).index();
			var p=$(this).width();
			var left=t*p;
			$(this).css({color: '#E4393C'}).siblings().css({color:'#333'});
			setTimeout(function(){
			$('div#step7 div.middle  .tabl').stop().animate({left:left+'px'},200)
			},300);
			$('div#step7 div.middle div.tab div.box_tab').eq(t).show().siblings().hide();
			
		});
		// 楼层切换结束
		
		// 楼层轮播图
		$('div#step7 div.middle div.tab ul.f_lb3 li').mouseover(function() {
			var p=$(this).index();
			var s=p*-473;
			$('div#step7 div.middle div.tab ul.f_lb2 ').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});	
		// 楼层轮播图结束
		
		
		// 七楼js结束	
			// 八楼js开始
		$('div#step8 div.middle .middle_top ul.m_t li.m_1').mouseover(function() {
			var t=$(this).index();
			var p=$(this).width();
			var left=t*p;
			$(this).css({color: '#E4393C'}).siblings().css({color:'#333'});
			setTimeout(function(){
			$('div#step8 div.middle  .tabl').stop().animate({left:left+'px'},200)
			},300);
			$('div#step8 div.middle div.tab div.box_tab').eq(t).show().siblings().hide();
			
		});
		// 楼层切换结束
		
		// 楼层轮播图
		$('div#step8 div.middle div.tab ul.f_lb3 li').mouseover(function() {
			var p=$(this).index();
			var s=p*-473;
			$('div#step8 div.middle div.tab ul.f_lb2 ').stop().animate({left:s+'px'}, 300)
			$(this).css({backgroundColor:'#7BBD56'}).siblings().css({backgroundColor:'#9A9B9A'});
		});	
		// 楼层轮播图结束
		// 右边块切换此布局可以复用
		$('div.step div.right div.smt').mouseover(function(event) {
			var b=$(this).index();
			var q=b*$(this).width();

			$(this).siblings('ul.r_tab').eq(b).css({display: 'block'}).siblings('ul.r_tab').css({display: 'none'});
			$(this).css({color: '#E4393C'}).siblings('div.smt').css({color: '#666'});
			
			
			
			$(this).parents('div.right').children('div.right_tab').animate({left:q+'px'},200);
			// 此代码可以用但是不能加在timeout里面
			
		});
		// 可复用右边块切换结束
		
		
		// 八楼js结束	
		// 楼层下方晒单轮播
		setInterval(function(){
			$('div#bottom  div.saidan ul.sd_1 li').last().height(0);
			$('div#bottom  div.saidan ul.sd_1 li').last().clone().prependTo('div#bottom  div.saidan ul.sd_1');
			$('div#bottom  div.saidan ul.sd_1 li').last().remove();
			$('div#bottom  div.saidan ul.sd_1 li').first().animate({height: '+60px'},200);
			$('div#bottom  div.saidan ul.sd_2 li').last().height(0);
			$('div#bottom  div.saidan ul.sd_2 li').last().clone().prependTo('div#bottom  div.saidan ul.sd_2');
			$('div#bottom  div.saidan ul.sd_2 li').last().remove();
			$('div#bottom  div.saidan ul.sd_2 li').first().animate({height: '+60px'},200);
			




		},7000);

});
// 结尾

			
	
	
	
	
	
